/**
 * 未查询时页面提示组件
 */
import React, { Component } from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
import { px2dp } from 'rn-xiaobu-utils';
import fontsize from '../../../configs/fontsize';

export default class Notice extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={[styles.text, fontsize.fontsize34, { color: '#c4cdce' }]}>您可以搜索</Text>
        <View style={styles.noticeListPannel}>
          <View style={styles.noticeListItem}>
            <Image style={{ width: px2dp(140), height: px2dp(140), marginBottom: px2dp(22) }}
              source={require('../../../../assets/img/SearchCar/xianlu.png')}></Image>
            <Text style={styles.text}>线路</Text>
          </View>
          <View style={styles.noticeListItem}>
            <Image style={{ width: px2dp(140), height: px2dp(140), marginBottom: px2dp(22) }}
              source={require('../../../../assets/img/SearchCar/zhandian.png')}></Image>
            <Text style={styles.text}>车站</Text>
          </View>
        </View>
      </View>
    )
    ;
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'column',
    alignItems: 'center',
    paddingTop: px2dp(80),
    paddingBottom: px2dp(360),
    color: '#c4cdce',
    zIndex: 2
  },

  text: {
    color: '#c4cdce'
  },

  noticeListPannel: {
    width: '100%',
    marginTop: px2dp(62),
    flexDirection: 'row',
    paddingLeft: px2dp(176),
    paddingRight: px2dp(176),
    justifyContent: 'space-between'
  },

  noticeListItem: {
    alignItems: 'center'
  }

})